<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title><%= baseName %></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">
        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
        <!-- build:css(.tmp) styles/main.css -->
        <% if (!useCompass) { %><link rel="stylesheet" href="styles/bootstrap.css">
        <% } %><link rel="stylesheet" href="styles/main.css">
        <link rel="stylesheet" href="styles/famfamfam-flags.css">
        <!-- endbuild -->
    </head>
    <body ng-app="<%= angularAppName %>" ng-controller="MainController">
        <!--[if lt IE 10]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
        <div class="development"></div>
        <nav class="navbar navbar-default" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                  <a class="navbar-brand" href="#"><span translate="global.title"><%= baseName %></span></a>
                </div>
                <div class="collapse navbar-collapse" id="navbar-collapse" ng-switch="authenticated">
                    <ul class="nav navbar-nav nav-pills navbar-right">
                        <li>
                            <a href="#">
                                <span class="glyphicon glyphicon-home"></span>
                                <span translate="global.menu.home">Home</span>
                            </a>
                        </li>
                        <li class="dropdown pointer">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
                                <span>
                                    <span class="glyphicon glyphicon-user"></span>
                                    <span class="hidden-tablet" translate="global.menu.account.main">
                                        Account
                                    </span>
                                    <b class="caret"></b>
                                </span>
                            </a>
                            <ul class="dropdown-menu" ng-controller="MenuController">
                                <li ng-switch-when="true"><a href="#/settings"><span class="glyphicon glyphicon-wrench"></span>
                                    &nbsp;<span translate="global.menu.account.settings">Settings</span></a></li>
                                <li ng-switch-when="true"><a href="#/password"><span class="glyphicon glyphicon-lock"></span>
                                    &nbsp;<span translate="global.menu.account.password">Password</span></a></li>
                                <li ng-switch-when="true"><a href="#/sessions"><span class="glyphicon glyphicon-cloud"></span>
                                    &nbsp;<span translate="global.menu.account.sessions">Sessions</span></a></li>
                                <li ng-switch-when="true"><a href="#/logout"><span class="glyphicon glyphicon-log-out"></span>
                                    &nbsp;<span translate="global.menu.account.logout">Log out</span></a></li>
                                <li ng-switch-when="false"><a href="#/login"><span class="glyphicon glyphicon-log-in"></span>
                                    &nbsp;<span translate="global.menu.account.login">Authenticate</span></a></li>

                                <li ng-switch-when="false"><a href="#/register"><span class="glyphicon glyphicon-plus-sign"></span>
                                    &nbsp;<span translate="global.menu.account.register">Register</span></a></li>
                            </ul>
                        </li>
                        <li ng-switch-when="true" ng-show="isAuthorized(userRoles.admin)" class="dropdown pointer" ng-controller="AdminController">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
                                <span>
                                    <span class="glyphicon glyphicon-tower"></span>
                                    <span class="hidden-tablet" translate="global.menu.admin">Admin</span>
                                    <b class="caret"></b>
                                </span>
                            </a>
                            <ul class="dropdown-menu">
    <% if (websocket == 'atmosphere') { %>                            <li><a href="#/tracker"><span class="glyphicon glyphicon-eye-open"></span>
                                    &nbsp;<span translate="global.menu.account.tracker">User tracking</span></a></li>
    <% } %>                            <li><a href="#/metrics"><span class="glyphicon glyphicon-dashboard"></span>
                                    &nbsp;<span translate="global.menu.account.metrics">Metrics</span></a></li>
                                <li><a href="#/audits"><span class="glyphicon glyphicon-bell"></span>
                                    &nbsp;<span translate="global.menu.account.audits">Audits</span></a></li>
                                <li><a href="#/logs"><span class="glyphicon glyphicon-tasks"></span>
                                    &nbsp;<span translate="global.menu.account.logs">Logs</span></a></li>
                                <li><a href="#/docs"><span class="glyphicon glyphicon-book"></span>
                                    &nbsp;<span translate="global.menu.account.apidocs">API Docs</span></a></li>
                            </ul>
                        </li>
                        <li class="dropdown pointer" ng-controller="LanguageController">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
                                <span>
                                    <span class="glyphicon glyphicon-flag"></span>
                                    <span class="hidden-tablet" translate="global.menu.language">Language</span>
                                    <b class="caret"></b>
                                </span>
                            </a>
                            <ul class="dropdown-menu">
                                <li active-menu="da">
                                    <a href="#" ng-click="changeLanguage('da')"><span class="famfamfam-flag-dk"></span>
                                        &nbsp;<span translate="global.language.da">Danish</span></a>
                                </li>
                                <li active-menu="en">
                                    <a href="#" ng-click="changeLanguage('en')"><span class="famfamfam-flag-gb"></span>
                                        &nbsp;<span translate="global.language.en">English</span></a>
                                </li>
                                <li active-menu="fr">
                                    <a href="#" ng-click="changeLanguage('fr')"><span class="famfamfam-flag-fr"></span>
                                        &nbsp;<span translate="global.language.fr">French</span></a>
                                </li>
                                <li active-menu="de">
                                    <a href="#" ng-click="changeLanguage('de')"><span class="famfamfam-flag-de"></span>
                                        &nbsp;<span translate="global.language.de">German</span></a>
                                </li>
                                <li active-menu="pl">
                                    <a href="#" ng-click="changeLanguage('pl')"><span class="famfamfam-flag-pl"></span>
                                        &nbsp;<span translate="global.language.pl">Polish</span></a>
                                </li>
                                <li active-menu="ru">
                                    <a href="#" ng-click="changeLanguage('ru')"><span class="famfamfam-flag-ru"></span>
                                        &nbsp;<span translate="global.language.ru">Russian</span></a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
        <div class="container">
            <div class="well" ng-view></div>

            <div class="footer">
                <p translate="footer">This is your footer</p>
            </div>
        </div>

        <!-- Google Analytics: uncomment and change UA-XXXXX-X to be your site's ID.
        <script>
            (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
            function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
            e=o.createElement(i);r=o.getElementsByTagName(i)[0];
            e.src='//www.google-analytics.com/analytics.js';
            r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
            ga('create','UA-XXXXX-X');ga('send','pageview');
        </script>-->

    </body>
</html>
